.task_add-frame {
    position: relative;
    width: 80%;
    height: 80%;
    top: 5%;
    margin: auto;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: rgb(173, 169, 169) 10px 10px;
}
.task_add-frame__card {
    position: relative;
    width: 85%;
    height: 80%;
    top: 10%;
    margin: auto;
}

.task_add-frame .backBtn {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.task_add-frame img {
    width: 2.5rem;
}

.row {
    padding: 1rem 0;
}

.saveBtn {
    position: absolute;
    right: -2rem;
    bottom: -2rem;
    background: rgb(161, 221, 100);
    padding: .8rem 1.3rem;
    border: none;
    border-radius: 8%;
    cursor: pointer;
}

.inputArea {
    position: relative;
    padding-right: 1rem;
}

#id_title {
    height: 2rem;
    position: relative;
    width: 20rem;
    border-radius: .9rem;
    border: none;
    padding: 0 1rem;
    box-shadow: rgb(173, 169, 169) 2px 2px;
    background: rgb(247, 246, 244);
}

#id_description {
    height: 10rem;
    position: relative;
    width: 20rem;
    padding: 0 1rem;
    border-radius: .9rem;
    border: none;
    box-shadow: rgb(173, 169, 169) 2px 2px;
    background: rgb(247, 246, 244);
}

#id_done_comment {
    padding: 0 1rem;
}